<template>
	<div id='foot'>
		友情链接：<div>
		           <ul>
		          <li><a v-bind:href='linktltle+linkbody[0]+linkfoot' v-text="frendlink[0]" ></a></li>
		          <li><a v-bind:href='linktltle+linkbody[1]+linkfoot' v-text="frendlink[1]" ></a></li>
		          <li><a v-bind:href='linktltle+linkbody[2]+linkfoot' v-text="frendlink[2]" ></a></li>
		          <li><a v-bind:href='linktltle+linkbody[3]+linkfoot' v-text="frendlink[3]" ></a></li>
		          </ul>
		          <h6 v-text='declaration'></h6>
		</div>
	</div>
</template>
<script type="text/javascript">
	/*TODO: 这里待完善*/
	export default {
		name:'foot',
		data(){
			return {
				frendlink:['百度','阿里巴巴','腾讯','滴滴'],
				linktltle:'http://www.',
				linkbody:['baidu','alibaba','qq','xiaojukeji'],
				linkfoot:'.com',
				declaration:'版权声明：本页面有三个老男孩组织提供技术支持，未经允许严禁用于商业用途'
			}
		}
	}
</script>
<style scoped>
	ul{
		display: flex;
		padding:0 calc(50% - 160px);
		color:#41b883;
	}
	li{
		list-style-type: none;
			width: 70px;
			margin:0 5px;
			text-align: center;
	}
	li:hover{
		color:#000;
	}

</style>
